<template>
	<div id="app">
		<Layout />
	</div>
</template>

<script>
const acts = [
	"refreshAftersale",
	// "refreshAuthority",
	"refreshDirectory",
	"refreshRole",
	"refreshArea", //获取仓库
	"refreshAccount", //获取人员列表
	"refreshLeader", //获取上级
	'refreshAreaLedgerType',
	// 'refreshStoreLedgerStore',
	// 'refreshStoreLedgerType',
];
import { Watermark } from "watermark-js-plus";
import { mapActions } from "vuex";
import Layout from "./views/Layout/index.vue";
export default {
	components: {
		Layout,
	},
	created() {
		//通用暂时先关闭 不知道哪里在用
		acts.forEach((k) => this[k]());
	},
	mounted() {
    try {
      const { userName = "", phoneNum = "" } = this.$store.state.userData || {};
      const watermark = new Watermark({
        content: `${userName || ""} ${phoneNum || ""}`,
        width: 240,
        height: 240,
        fontColor: "rgba(0,0,0,0.3)",
      });
      watermark.create();
    } catch (e) {}
  },
	methods: {
		...mapActions(acts),
	},
};
</script>

<style lang="less">
@textColor:#19F5FF;
.date{
	background-color:transparent;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-image: url('../src/assets/img/bg.png') !important;
	border-color: #0193df !important;
	.el-picker-panel__icon-btn{
		color:@textColor ;
	}
	.el-picker-panel__sidebar{
		background:transparent !important;
	}
	.available{
		color:#a6cdff;
	}
	.in-range span{
		color:#333;
	}
	.start-date span{
		color: @textColor !important;
		background-color:#065aa4 !important;
	}
	.end-date span{
		color: @textColor !important;
		background-color:#065aa4 !important;
	}
	 .el-date-range-picker__header div{
		color:#a6cdff;
	 }
	.el-picker-panel__shortcut{
		color:#a6cdff;
	}
	.el-picker-panel__body>div,.el-picker-panel__sidebar,.el-date-table th{
		border-color: #0193df !important;
	}
	.el-date-table th{
		color:@textColor ;
	}
	
	.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
		background-color: rgba(255,255,255,0.12) !important;
		span{
			// color:#a6cdff !important;
			color:@textColor ;
		}
	}
}
 </style>

